<template>
	<view class="box" style="border-radius: 0 0 30rpx 30rpx;margin-top: 0;">
		<view class="title">提交卡密，即可坐等收钱</view>
		<view class="icon_box">
			<view>
				<image src="/static/help/1.png" />提交卡密
			</view>
			<image src="/static/help/to_right.png" />
			<view>
				<image src="/static/help/2.png" />等待验证
			</view>
			<image src="/static/help/to_right.png" />
			<view>
				<image src="/static/help/3.png" />1秒收钱
			</view>
		</view>
	</view>
	<view class="box" style="padding-bottom: 0;" v-for="(item,index) in list" :key="index">
		<view class="title" style="margin-bottom: 0;">{{item.title}}</view>
		<view class="i" v-for="(_item,_index) in item.qaList" :key="_index">
			<view @click="_item.open=!_item.open">问：{{_item.q}}
				<image src="/static/icon/jiantou_3.png" :style="{'transform': `rotate(${_item.open?180:0}deg)`}" />
			</view>
			<view v-if="_item.open"><text>{{_item.a}}</text></view>
		</view>
	</view>
	<view class="safe" style="width: 100%;height: 20rpx;"></view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					title: '功能使用',
					qaList: [{
						q: '如何使用卡券回收功能？',
						a: '在首页选择您要回收的卡券类型 -> 按要求输入卡号和卡密 -> 系统评估并显示回收价格 -> 确认无误后提交回收申请 -> 等待验证 -> 验证通过后金额将存入您的App钱包中。',
						open: false
					}, {
						q: '提交回收申请后，审核需要多久？',
						a: '审核时间通常在提交后的几分钟到几小时内完成。您可以在“我的订单”中查看验证状态。',
						open: false
					}, {
						q: '在哪里查看我的回收订单？',
						a: '登录App后，进入“我的”页面，查找“我的订单”入口，即可查看您所有的回收订单。',
						open: false
					}, {
						q: '卡券回收成功后，钱在哪里？如何提现？',
						a: '回收成功后，金额会进入您App账户钱包。提现时，进入“我的钱包”页面 -> 选择提现金额 -> 选择提现方式（如支付宝、微信、银行卡）-> 确认提现申请。',
						open: false
					}]
				}, {
					title: '回收与提现',
					qaList: [{
						q: '为什么我提交的卡券审核失败了？',
						a: '审核失败可能的原因包括：\n- 卡号或卡密输入错误；\n- 卡券已被绑定/使用/冻结；\n- 卡券类型或面值不在当前回收范围内；\n- 系统检测到异常风险；\n请仔细核对信息或查看审核失败的具体原因说明，并按要求重新提交或联系客服。',
						open: false
					}, {
						q: '如何保证给我的价格是最高的？',
						a: '平台实时对接多个服务商价格数据，智能比价系统即时获取市场最优价格。',
						open: false
					}, {
						q: '提现失败是什么原因？',
						a: '提现失败可能原因：\n- 提现账户信息（如支付宝账号、银行卡号、姓名）与实名信息不符；\n- 银行/支付渠道系统维护或限额；\n- 账户存在安全风险被暂时冻结；\n请检查账户信息是否正确，确认是否满足提现条件。如信息无误仍失败，请联系客服并提供提现记录截图协助处理。',
						open: false
					}]
				}, {
					title: '其他问题',
					qaList: [{
						q: '支持哪些卡券类型？',
						a: '我们支持回收多种主流电商卡、礼品卡、话费卡，加油卡等。具体支持的卡券类型请点击app中间“我要卖卡”进入“卡券分类”页面查看。如果您不确定您的卡券是否支持，可联系在线客服咨询。',
						open: false
					}, {
						q: '回收订单提交后，还能找回或取消吗？',
						a: '一旦您的卡券信息提交并审核通过，回收流程即完成，款项已支付到您账户。在此之后无法取消交易或找回卡券。请在提交前务必仔细核对卡信息和回收金额。',
						open: false
					}]
				}]
			}
		},
		methods: {

		}
	}
</script>

<style>
	.title {
		font-size: 34rpx;
		height: 35rpx;
		line-height: 35rpx;
		margin-bottom: 36rpx;
	}

	.icon_box {
		height: 160rpx;
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.icon_box view {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		font-size: 24rpx;
		line-height: 50rpx;
		height: 100%;
	}

	.icon_box image {
		height: 100rpx;
		width: 100rpx;
	}

	.i {
		width: 100%;
		height: auto;
		border-bottom: 1px solid #E2E8F0;
		font-size: 28rpx;
		line-height: 40rpx;
	}

	.i view:first-child {
		padding: 36rpx 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #020618 !important;
	}

	.i view:first-child image {
		height: 32rpx;
		width: 32rpx;
		margin-left: 20rpx;
		flex-shrink: 0;
	}

	.i view:last-child {
		color: #62748E;
		padding-bottom: 30rpx;
	}

	.i:last-child {
		border: none;
	}
</style>